﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<%@ include file="top.jsp"%>
<script src="${ctx}/plugins/easyui/common/index.js" type="text/javascript"></script>
<link href="${ctx}/plugins/easyui/common/index.css" rel="stylesheet" />
<script src="${ctx}/plugins/easyui/common/index-startup.js"></script>
<script src="${ctx}/resource/WindowView.js" type="text/javascript"></script>
<script src="${ctx}/plugins/artTemplate/dist/template.js" type="text/javascript"></script>

<script src="${ctx}/resource/index/init.js" type="text/javascript"></script>
</head>
<body>
	<!-- 容器遮罩 -->
    <div id="maskContainer">
        <div class="datagrid-mask" style="display: block;"></div>
        <div class="datagrid-mask-msg" style="display: block; left: 50%; margin-left: -52.5px;">
            正在加载...
        </div>
    </div>
    <div id="mainLayout" class="easyui-layout hidden" data-options="fit: true">
        <div id="northPanel" data-options="region: 'north', border: false" style="height: 80px; overflow: hidden;">
            <div id="topbar" class="top-bar">
                <div class="top-bar-left">
                    <h1 style="margin-left: 10px; margin-top: 10px;color: #fff"><span style="color: #3F4752">上家</span></h1>
                </div>
                <div class="top-bar-right">
                    <div id="timerSpan"></div>
                    <div id="themeSpan">
                        <a id="btnHideNorth" class="easyui-linkbutton" data-options="plain: true, iconCls: 'layout-button-up'"></a>
                    </div>
                </div>
            </div>
            <div id="toolbar" class="panel-header panel-header-noborder top-toolbar">
                <div id="infobar">
                    <span class="icon-hamburg-user" style="padding-left: 25px; background-position: left center;">
                      ${sessionUser.userName}，您好
                    </span>
                </div>
               
                <div id="buttonbar"><!-- 
                    <span>更换皮肤：</span>
                    <select id="themeSelector"></select> -->
                     <a id="toChatSystem" href="javascript:void(0);"  data-url="${chatUrl}"
                     class="easyui-linkbutton" data-options="plain:true" iconCls="icon-hamburg-email">聊天室</a>  
                    <a href="javascript:void(0);" class="easyui-menubutton" data-options="menu:'#layout_north_set'" iconCls="icon-standard-cog">系统</a>  
                    <div id="layout_north_set">
						<div id="btnFullScreen" data-options="iconCls:'key'">全屏切换</div>
						<div id="btnExit" data-options="iconCls:'logout'">退出系统</div>
					</div>
                    <a id="btnShowNorth" class="easyui-linkbutton" data-options="plain: true, iconCls: 'layout-button-down'" style="display: none;"></a>
                </div>
            </div>
        </div>

        <div data-options="region: 'west', title: '菜单导航栏', iconCls: 'icon-standard-map', split: true, minWidth: 150, maxWidth: 300" style="width: 180px; padding: 1px;">
            <div id="myMenu" ></div>
        </div>
        <div data-options="region: 'center'">
            <div id="mainTabs_tools" class="tabs-tool">
                <table>
                    <tr>
                        <td><a id="mainTabs_jumpHome" class="easyui-linkbutton easyui-tooltip" title="跳转至主页选项卡" data-options="plain: true, iconCls: 'icon-hamburg-home'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
						<td><a id="mainTabs_toggleAll" class="easyui-linkbutton easyui-tooltip" title="展开/折叠面板使选项卡最大化" data-options="plain: true, iconCls: 'icon-standard-arrow-out'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_refTab" class="easyui-linkbutton easyui-tooltip" title="刷新当前选中的选项卡" data-options="plain: true, iconCls: 'icon-standard-arrow-refresh'"></a></td>
                        <td><div class="datagrid-btn-separator"></div></td>
                        <td><a id="mainTabs_closeTab" class="easyui-linkbutton easyui-tooltip" title="关闭当前选中的选项卡" data-options="plain: true, iconCls: 'icon-standard-application-form-delete'"></a></td>
                    </tr>
                </table>
            </div>
            <div id="mainTabs" class="easyui-tabs" data-options="fit: true, border: false, showOption: true, enableNewTabMenu: true, tools: '#mainTabs_tools', enableJumpTabMenu: true">
                <div id="homePanel" data-options="title: '主页', iconCls: 'icon-hamburg-home'">
                    <div class="easyui-layout" data-options="fit: true">
                        <div data-options="region: 'north', split: false, border: false" style="height: 33px;">首页内容</div>
                        <div data-options="region: 'center', border: false" style="overflow: hidden;">首页内容</div>
                    </div>
                </div>
            </div>
        </div>

        <div data-options="region: 'east', title: '聊天', iconCls: 'icon-standard-date', split: true,collapsed: true, width: 500, maxWidth: 500" style="width: 220px;">
           
        </div>
        <div data-options="region: 'south', title: '关于...', iconCls: 'icon-standard-information', collapsed: true, border: false" style="height: 70px;">
            <div style="color: #4e5766; padding: 6px 0px 0px 0px; margin: 0px auto; text-align: center; font-size:12px; font-family:微软雅黑;">
                
            </div>
        </div>
    </div>
    
<script id="index_menu_template" type="text/html">
{{each list as item i}}
	<div title="{{item.menuName}}" style="padding: 5px;"
		data-options="border:false,iconCls:'{{item.menuIcon}}'">
		<div>
			{{if item.subMenu}}
				{{each item.subMenu as menuItem2 i}}
					<a  class="easyui-linkbutton"
						data-plain="true"
						data-icon-align="left"
						data-icon-cls="{{menuItem2.menuIcon}}"
						style="width: 98%; margin-bottom: 5px;text-align:left"
						onclick="window.mainpage.mainTabs.addModule('{{menuItem2.menuName}}','{{basePath}}{{menuItem2.menuUrl}}','{{menuItem2.menuIcon}}')">
						{{menuItem2.menuName}}</a>
				{{/each}}
			{{/if}}
		</div>
	</div>
{{/each}}
</script>
</body>
</html>
